@import './base.scss';

.mxy-main{
  img{
    width: 100%;
  }

  .content{
    bottom:14%;
    left:0;
    width: 100%;
    padding:0 48px;
    box-sizing: border-box;

    input{
      width: 100%;
      height: 44px;
      line-height: 44px;
      border-radius: 22px;
      border: none;
    }

    input::-webkit-input-placeholder{
      text-align: center;
    }

    .get-btn{
      margin-top: 20px;
    }

    p{
      margin-top: 20px;
    }
  }

  .popW{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index:99999;

    .content{
      top:19%;
      left:50%;
      transform: translateX(-50%);

      p{
        top:55%;
        left:15%;
        height: 50px;
        width: 70%;
      }

      .close-btn{
        bottom: 0;
        left: 50%;
        width: 36px;
        height: 36px;
        transform: translateX(-50%);
      }
    }
  }
  .fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active, 2.1.8 版本以下 */ {
    opacity: 0;
  }
}
